<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="__PUBLIC__/css/bg.css" rel="stylesheet">
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="__PUBLIC__/css/home/index/index.css" rel="stylesheet">
    <link href="/Public/css/home/index/index.css" rel="stylesheet">
    <link href="/Public/css/bootstrap.min.css" rel="stylesheet">
    <title>学生信息管理平台</title>
</head>
<body>
<div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="navigation" style="{$result.navStyle}">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand">学生信息管理平台</a>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="navUserName">{$result.userName}</a>
                <ul class="dropdown-menu">
                    <li><a href="{$result.userInfoUrl}">用户信息</a></li>
                    <li><a href="{$result.userAdminUrl}">后台管理</a></li>
                    <li class="divider"></li>
                    <li><a href="{$result.userLogoutUrl}">退出</a></li>
                </ul>
            </li>
        </ul>
    </div>
    </nav>
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8 text-center" id="center">
            <p class="title">
                STUDENT
                <span class="heighlight">MANAGE</span>
            </p>
            <p class="title-second">
                学生信息管理系统
            </p>
            <table style="margin-left:auto; margin-right:auto; width:50%;">
                <tr>
                    <th>
                        <a id="firstBtn" href="{$result.firstBtnUrl}" class="btn btn-success btn-lg"
                           style="margin-right: auto; margin-left: auto; width: 80%;">{$result.firstBtnText}</a>
                    </th>
                    <th>
                        <a id="secondBtn" href="{$result.secondBtnUrl}" class="btn btn-warning btn-lg"
                           style="margin-right: auto; margin-left: auto; width: 80%;">{$result.secondBtnText}</a>
                    </th>
                </tr>
            </table>

        </div>
        <div class="col-md-2"></div>
    </div>
</div>
</body>
</html>
<script>
    $(document).ready(function () {
        $('#center').css({position: 'relative', top: ((screen.availHeight - 400) / 2) + 'px'})
    });
</script>